page{
	min-height: 100%;
}
// 提货码 start
/* #ifdef APP-PLUS */
.PUC{
	height: 1336upx !important;
}
/* #endif */

// 公共样式
.marginLeft10{
	margin-left: 10upx;
}
.marginLeft20{
	margin-left: 20upx;
}
.marginLeft30{
	margin-left: 30upx;
}

.PUC{
	height: 100%;
	background: url('/static/imgs/userImgs/pickUpCode-background.png') no-repeat center center;
	background-size: cover;
	// background-size: contain;
	overflow: hidden;
}
.puc-container{
	.puc-title{
		margin-top: 130upx;
		color: $bg02;
		font-size: 72upx;
		text-align: center;
		line-height: 180upx;
	}
	.puc-QRCode{
		margin: 0 auto;
		width: 600upx;
		height: 654upx;
		background-color: #fff;
		text-align: center;
		border-radius: 20upx;
		box-shadow: 0px 0px 30upx 10upx #f6e7ea;
		.puc-line1{
			height: 390upx;
			
			image{
				width: 260upx;
				height: 260upx;
				margin-top: 112upx;
			}
		}
		.puc-line2{
			line-height: 80upx;
			color: $bg02;
			font-size: 50upx;
		}
		.button3{
			display: inline-block;
			border-radius: 22upx;
			height: 44upx;
			line-height: 44upx;
			color: $color6;
			font-size: 24upx;
			width: 248upx;
		}
		
	}
}


// 提货码 end

// 投诉商家
.complaint{
	overflow: hidden;
	.cp-question{
		width: 95%;
		margin: 0 auto;
		margin-top: 24upx;
		// height: 280upx;
		border-radius: 20upx;
		background-color: #FFFFFF;
		padding: 20upx;
		.qt-line1{
			line-height: 80upx;
			color: $color3;
			font-size: 28upx;
			text-indent: 0.5em;
			border-bottom: 2upx solid $colore;
		}
		textarea{
			font-size: 24upx;
			text-indent: 0.5em;
			height: 140upx;
			width: 100%;
			line-height: 50upx;
		}
		.ta{
			font-size: 24upx;
			color: $color9;
		}
		
	}
	.verify-box{
		margin-top: 60upx;
		text-align: center;
		.verify-button{
			display: inline-block;
			width: 280upx;
			height: 90upx;
			line-height: 90upx;
			border-radius: 20upx;
			background-color: $bg02;
			color: #fff;
			font-size: 36upx;
		}
	}
	.qs-popup{
		
		border: 1upx solid #000000;
		.cp-qt-title{
			height: 140upx;
			width: 360upx;
			margin: 0 auto;
			margin-top: 60upx;
			line-height: 56upx;
			text-align: center;
			font-size: 30upx;
			color: $color6;
		}
		.finish-box{
			margin-top: 60upx;
			text-align: center;
			.finish-button{
				display: inline-block;
				width: 280upx;
				height: 90upx;
				line-height: 90upx;
				border-radius: 20upx;
				
				border: 2upx solid $bg02;
				color: $bg02;
				font-size: 36upx;
			}
		}
	}
}

// 个人信息
.personal{
	text-align: center;
	.pn-content{
		margin-top: 20upx;
		background-color: #fff;
		padding: 0 30upx;
		font-size: 24upx;
		color: $color6;
		view{
			line-height: 40upx;
		}
		
	}
}


// 领劵弹窗部分
.QS_fadeInUp1{
	
	.popup-content{
		// height: 970upx;
		width: 100%;
		background-color: $bg01;
		border-radius: 20upx 20upx 0 0;
		margin: 0 auto;
		overflow: hidden;
		
		padding: 0 20upx;
		.st-pp-title{
			font-size: 36upx;
			line-height: 110upx;
			position: relative;
			text-align: center;
			.iconfont{
				position: absolute;
				top: 0upx;
				right: 0upx;
				font-size: 50upx;
				color: #666666;
			}
		}
		.st-pp-lj{
			font-size: 24upx;
			color: #757575;;
			line-height: 60upx;
		}
		.lj-button{
			width: 635upx;
			height: 90upx;
			background-color: $bg02;
			box-shadow: 0upx 8upx 18upx 0upx rgba(255, 85, 125, 0.39);
			border-radius: 45upx;
			text-align: center;
			margin: 70upx auto;
			color: #fff;
			
		}
		.st-pp-button{
			margin-top: 100upx;
			display: flex;
			view{
				flex: 1;
				.st-button{
					display: inline-block;
					width: 220upx;
					height: 74upx;
					line-height: 74upx;
					font-size: 30upx;
					color: $bg02;
					border: 2upx solid $bg02;
					border-radius: 36upx;
				}
				.st-active{
					background-color: $bg02;
					color: #fff;
				}
			}
		}
	}
}

// 分享给好友界面
.share-friend{
	
	.sf-box{
		margin: 0 auto;
		margin-top: 90upx;
		width: 670upx;
		height: 900upx;
		border: 2upx solid $colore;
		border-radius: 20upx;
		box-shadow: 0px 0px 20upx 16upx $colore;
		.sf-title {
			margin-top: 150upx;
			font-size: 24upx;
			color: $color9;
			text-align: center;
		}
		image{
			margin: 0 auto;
			display: block;
			width: 248upx;
			height: 248upx;
			margin-top: 100upx;
		}
		.sf-button{
			margin-top: 100upx;
			text-align: center;
			.button{
				display: inline-block;
				width: 320upx;
				height: 64upx;
				line-height: 64upx;
				background-color: $colorred;
				color: #fff;
				font-size: 32upx;
				border-radius: 32upx;
			}
		}
	}
}
.marginTop20{
	margin-top: 20upx;
}
// 商家好友
.friend{
	
	
}
.fd-search{
	padding: 0 30upx;
	height: 110upx;
	position: relative;
	background: #FFFFFF;
	image{
		position: absolute;
		top: 44upx;
		left: 40upx;
		width: 34upx;
		height: 36upx;
		z-index: 99;
		}
	input{
		width: 100%;
		height: 66upx;
		border-radius: 33upx;
		background-color: $bg01;
		text-indent: 2em;
		font-size: 26upx;
		color: #808080;
		transform: translateY(26upx);
	}
}
.fd-info{
	background-color: #fff;
	height: 146upx;
	display: flex;
	padding: 0 20upx;
	border-bottom: 2upx solid #eee;
	.info-l{
		flex: 1;
		text-align: center;
		line-height: 120upx;
		image{
			width: 70upx;
			height: 70upx;
		}
	}
	.info-m{
		flex: 5;
		.if-m-line1{
			display: table-cell;
			vertical-align: bottom;
			height: 66upx;
			font-size: 30upx;
			color: #333333;
			text{
				opacity: 0.5;
				font-size: 20upx;
			}
		}
		.if-m-line2{
			line-height: 36upx;
			font-size: 20upx;
			color: $color3;
		}
		.if-m-line3{
			line-height: 44upx;
			font-size: 20upx;
			color: $color3;
			opacity: 0.5;
		}
	}
	.info-r{
		flex: 1;
		transform: translateY(48upx);
		.info-r-button{
			width: 121upx;
			height: 46upx;
			line-height: 46upx;
			border-radius: 23upx;
			font-size: 24upx;
		}
		.r-button-added{
			background-color: #fff;
			border: solid 1px rgba(204, 204, 204, 0.7);
			color: #808080;
		}
		.r-button-agree{
			background-color: $bg02;
			color: #fff;
		}
	}
}

// 收藏夹 start
.collet{
	
	.collet-item{
		display: flex;
		width: 92%;
		margin: 30upx auto;
		.it-l{
			flex: 2;
			image{
				width: 260upx;
				height: 260upx;
				border-radius: 10upx;
			}
		}
		.it-r{
			flex: 3;
			margin-left: 10upx;
			image{
				width: 36upx;
				height: 36upx;
				border-radius: 50%;
			}
			.line1-text2{
				color:$color3;
				padding: 0 10upx;
				.iconfont{
					color: $color9;
					font-size: 24upx;
					// margin-left: 10upx;
				}
			}
			.r-title{
				font-size: 28upx;
				color: $color3;
				margin-top: 20upx;
			}
			.m-collet{
				line-height: 50upx;
				font-size: 24upx;
				color: $color9;
			}
			.f-content{
				margin-top: 30upx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				&>view:first-child{
					font-family: Din;
					font-size: 36upx;
					color: $bg02;
				}
				.delBtn{
					display: flex;
					justify-content: center;
					align-items: center;
					// float: right;
					width: 88upx;
					height: 46upx;
					border: 1px solid #999999;
					color: #666666;
					font-size: 26upx;
					border-radius: 15upx;
				}
				// text{
				// 	&:first-child{
				// 		font-family: Din;
				// 		font-size: 36upx;
				// 		color: $bg02;
				// 	}
				// }
			}
		}
	}
}
// 收藏夹 end
input{
	display: inline-block;
}
// 更改密码
.cgpw{
	// 确认按钮的样式
	.queren{
		margin: 0 auto;
		margin-top: 50upx;
		width: 702upx;
		height: 88upx;
		background-color: $bg02;
		border-radius: 6upx;
		font-size: 36upx;
		line-height: 88upx;
		color: #ffffff;
		text-align: center;
	}
	// 确认底部文字样式
	.cp-footer{
		font-size: 24upx;
		line-height: 70upx;
		color: #bfbfbf;
		text-align: center;
	}
	.cgpw-box{
		width: 95%;
		margin: 0 auto;
		background-color: #fff;
		margin-top: 30upx;
		border-radius: 10upx;
		
		.box-item{
			height: 88upx;
			display: flex;
			border-bottom: 2upx solid #ebebeb;
			position: relative;
			.iconfont{
				flex: 1;
				text-align: center;
				font-size: 38upx;
				color: #9fb2c7;
				line-height: 88upx;
			}
			.input-box{
				flex: 9;
				
				// 控制密码提示不一致问题
				.password-ts{
					font-size: 22upx;
					color: $bg02;
					.iconfont{
						font-size: 22upx;
						color: $bg02;
					}
				}
				input{
					margin-top: 22upx;
					line-height: 30upx;
					font-size: 30upx;
					color: $color3;
				}
				.placeholder{
					color: #bbc6ce;
					font-size: 28upx;
				}
				.getQRcode{
					margin-top: 22upx;
					margin-right: 30upx;
					position: absolute;
					top: 0upx;
					right: 0upx;
					width: 160upx;
					height: 46upx;
					line-height: 46upx;
					font-size: 24upx;
					border-radius: 23upx;
				}
				.QRbtn1{
					background-color: #faf2f5;
					color: $bg02;
				}
				.QRbtn2{
					background-color: $bg02;
					color: #fff;
				}
				
			}
			
			
		}
	}
	
}

// 银行卡管理
.bankCardM{
	.bank-item{
		width: 690upx;
		height: 195upx;
		margin: 30upx auto 0;
		color: #fff;
		overflow: hidden;
		border-radius: 10upx;
		.one{
			font-size: 28upx;
			margin-left: 154upx;
			margin-top: 40upx;
		}
		.two{
			font-size: 20upx;
			margin-left: 154upx;
			line-height: 36upx;
		}
		.three{
			font-size: 42upx;
			margin-left: 440upx;
			line-height: 70upx;
		}
	}
	.card{
	  width: 92%;
	  height: 88upx;
		line-height: 88upx;
	  background-color: #FFFFFF;
	  font-size: 28upx;
	  color: $color3;
	  margin: 40upx auto 0;
		padding: 0 30upx;
		.font1{
			font-size: 36upx;
			color: #595959;
			font-weight: 900;
		}
		.font2{
			margin-left: 24upx;
		}
		.font3{
			color: #ccc;
			float: right;
		}
	}
}
// 银行卡绑定
.addCard{
  margin-top: 20upx;
  .item {
    width: 100%;
    height: 80upx;
    display: flex;
    font-size: 28upx;
    color: #333333;
    background-color: #FFFFFF;
    border-bottom: 2upx solid $bg01;
    .left {
      display: flex;
      align-items: center;
      flex: 1;
      margin-left: 28upx;
    }
    .right {
      display: flex;
      align-items: center;
      flex: 2.3;
      color: #999999;
			font-size: 24upx;
			input{
				width: 360upx;
			}
    }
		.place-class{
			font-size: 24upx;
			color: #999;
		}
  }
  .active{
    border:none;
  }
  .btn {
    margin: 106upx auto 0;
    width: 580upx;
    height: 90upx;
    background-color: $bg02;
    box-shadow: 0px 8px 18px 0px 
				rgba(255, 85, 125, 0.39);
    border-radius: 10upx;
    text-align: center;
    line-height: 90upx;
    font-size: 36upx;
    color: #fff;
  }
}
// 收货地址
  .address{
    .default-address{
      position: relative;
      display: flex;
      width: 93%;
      height: 180upx;
      border-radius: 10upx;
      margin: 20upx auto 20upx;
      overflow: hidden;
      background-color: #fff;
      .left{
        flex:1;
        display: flex;
        justify-content: center;
        align-items: center;
        .iconfont{
				font-size: 70upx;
				color: $bg02;
		}
      }
      .right{
        flex: 5;
        .list-1{
          margin-top: 20upx;
					line-height: 60upx;
          .name{
            font-size: 30upx;
            color: #333333;
          }
          .num{
            font-size: 24upx;
            color: #999999;
            margin-left: 22upx;
          }
        }
				.list-n{
					width: 490upx;
					// height:66upx;
					font-size: 28upx;
					color: #333333;
					line-height: 180upx;
				}
        .list-2{
          width: 490upx;
          height:66upx;
          font-size: 28upx;
          color: #333333;
          line-height: 34upx;
          //多行文本超出打点隐藏
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         display: -webkit-box;
         -webkit-box-orient: vertical;
        }
        .list-3{
          display: flex;
          justify-content: center;
          align-items: center;
          position: absolute;
          top:25upx;
          right: 20upx;
          width: 96upx;
          height: 50upx;
          border: 1px solid #999;
          color: #666;
          font-size: 30upx;
          border-radius: 15upx;
        }
        .list-4{
          position: absolute;
          right: 18upx;
          bottom: 14upx;
          color: #999;
					font-size: 28upx;
        }
      }
    }
    .item{
      display: flex;
      width: 93%;
      height: 170upx;
      border-radius: 10upx;
      overflow: hidden;
      background-color: #fff;
      margin: 0 auto 2upx;
      .item-left{
        flex:0.8;
        display: flex;
        justify-content: center;
        align-items: center;
        .iconfont{
        	font-size: 36upx;
        	color: $bg02;
        }
      }
      .item-center{
        flex: 4;
        .list-1{
          margin-top: 30upx;
          .name{
            font-size: 28upx;
            color: #333333;
          }
          .num{
            font-size: 24upx;
            color: #999999;
            margin-left: 22upx;
          }
        }
        .list-2{
          width: 412upx;
          height:66upx;
          font-size: 24upx;
          color: #333333;
          line-height: 34upx;
          //多行文本超出打点隐藏
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         }
      }
      .item-right{
        position: relative;
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        color: #999;
		font-size: 24upx;
        &:after{
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          width: 2upx;
          height: 50upx;
          background-color: $bg02;
        }
      }
    }
  }
	.optionS{
		font-size: 24upx;
		 color:#999;
		 display: flex;
		 align-items: center;
		 flex: 2.3;
		 font-size: 24upx;
	}
	// 添加收货地址


  .SA-personal {
		// 默认地址
		.mr-address{
			padding: 0 30upx;
			display: flex;
			height: 80upx;
			line-height: 80upx;
			background-color: #fff;
			.ad-left{
				flex: 1;
				font-size: 28upx;
				color: $color3;
			}
			.ad-right{
				flex: 1;
				checkbox{
					float: right;
				}
			}
		}
		
		
    .bottom-msg {
      margin-top: 14upx;
			.detail-address{
				height: 150upx !important;
				.textarea-box{
					overflow: auto;
				}
			}
        .item {
          width: 100%;
          height: 80upx;
          display: flex;
          font-size: 28upx;
          color: #333333;
          background-color: #FFFFFF;
          margin-bottom: 2upx;


          .left {
            display: flex;
            align-items: center;
            flex: 1;
            margin-left: 30upx;
			color: #333;
          }

          .right {
            display: flex;
            align-items: center;
            flex: 2.3;
            color: #666;
			font-size: 30upx;
				textarea{
					width: 430upx;
					height: 150upx;
				}
          }
        }
      }
    }

    .SA-btn {
      margin: 106upx auto 0;
      width: 280upx;
      height: 90upx;
      border-radius: 30upx;
      text-align: center;
      line-height: 90upx;
      font-size: 36upx;
      color: #fff;
		background-color: $bg02;
		// box-shadow: 0upx 8upx 18upx 0upx rgba(255, 85, 125, 0.39);
    }
		.SAC-btn{
			width: 100%;
			margin-top: 90upx;
			display: flex;
			justify-content: space-between;
			button {
				width: 280upx;
				height: 90upx;
				line-height: 90upx;
				border-radius:30upx;
				font-size: 36upx;
				&:first-child{
					border: solid 2upx #ff557d;
					color: $bg02;
					background-color: #fbf2f6;
				}
				&:last-child{
					background-color: $bg02;
					color: #fff;
				}
			}
		}
  
  

  .tab{
  	margin-left: 28upx;
    width: 100%;
    display: flex;
    align-items: center;
  	font-size: 28upx;
    color: #333333;
		font-weight: 100;
  }
  .result{
  	margin-top: 100upx;
  	font-size: 32upx;
  }
	
	// 提现
	.cash{
		
		.cash-sum{
			height: 100upx;
			line-height: 100upx;
			border-bottom: 2upx solid #e6e6e6;
			border-top: 2upx solid #e6e6e6;
			background-color: #fff;
			padding: 0 30upx;
			text{
				font-size: 32upx;
				color: $color3;
			}
			input{
				margin-top: 10upx;
				transform: translate(40upx,0upx);
			}
		}
		.cash-pattern{
			// 提交按钮
			.ch-footer{
				margin-top: 360upx;
				button{
					width: 690upx;
					background-color: $bg02;
					color: #fff;
				}
			}
			.pt-title{
				height: 100upx;
				line-height: 100upx;
				background-color: $bg01;
				padding: 0 30upx;
				font-size: 28upx;
				color: #bebebe;
			}
			.cp-box{
				.cp-item{
					line-height: 106upx;
					background: #fff;
					border-bottom: 2upx solid #e6e6e6;
					padding: 0 30upx;
					.iconfont{
						font-size: 50upx;
					}
					.text1{
						color: #c4c4cc;
					}
					.text2{
						margin-left: 36upx;
						color: #c4c4cc;
					}
					.gou-active{
						color: $bg02;
						
					}
					.zfb-active{
						color: #4BA7EB;
						margin-left: 36upx;
					}
					.jsyh-active{
						color: #1F4E97;
						margin-left: 36upx;
					}
					.nyyh-active{
						color: #459996;
						margin-left: 36upx;
					}
					.text3{
						margin-left: 36upx;
						font-size: 28upx;
						color: $color3;
					}
				}
			}
		}
	}
	
	// 查看物流
	.view-log{
		
		.vl-desc{
			background-color: #fff;
			padding: 0 30upx;
			
			border-top: 2upx solid #e8e8e8;
			.dc-item{
				line-height: 80upx;
				font-size: 30upx;
				color: #999999;
				text{
					color: $color3;
				}
			}
		}
		
		.log-detail{
			padding: 30upx;
			background-color: #FFFFFF;
			margin-top: 10upx;
		}
	}
	
	// 退货退款
	.refund{
		
		.rf-box{
			padding: 0 30upx;
			
			.rf-status{
				font-size: 30upx;
				color: $color3;
				line-height: 74upx;
				text{
					margin-left: 30upx;
					font-family: Din;
					color: $bg02;
				}
			}
			.rf-select{
				background-color: #fff;
				line-height: 64upx;
				position: relative;
				pick{
					border-radius: 10upx;
				}
				view{
					font-size: 28upx;
					color: $color6;
					padding: 0 20upx;
				}
				.iconfont{
					position: absolute;
					top: 0upx;
					right: 10upx;
				}
			}
			// 退款原因
			.rf-cause{
				textarea{
					width: 100%;
					height: 178upx;
					background-color: #fff;
					border-radius: 10upx;
					padding: 20upx;
					font-size: 24upx;
					color: $color6;
				}
			}
		}
		.tjsq{
			margin-top: 30upx;
			width: 580upx;
			height: 90upx;
			line-height: 90upx;
			background-color: $bg02;
			box-shadow: 0px 8upx 18upx 0px rgba(255, 85, 125, 0.39);
			border-radius: 10upx;
			font-size: 36upx;
		}
		// 上传凭证
		.rf-voucher{
			display: flex;
			flex-wrap: wrap;
			background-color: #fff;
			.vh-item{
				background-color: #f5f5f5;
				text-align: center;
				width: 110upx;
				height: 110upx;
				line-height: 110upx;
				border-radius: 4upx;
				border: dashed 2upx #cccccc;
				margin: 10upx 15upx;
				position: relative;
				text{
					font-size: 40upx;
					color: #aaa;
				}
				// 图片数量统计
				.sum{
					position: absolute;
					top: 40upx;
					left: 34upx;
					font-size: 24upx;
					color: $color9;
				}
				
				image{
					width: 100%;
					height: 100%;
					border-radius: 4upx;
					vertical-align: top;
					
				}
			}
		}
	}
	
	// 退款完成界面
	.refundFinish{
		margin-top: 30upx;
		padding: 0 30upx;
		// background-color: #fff;
		border-radius: 10upx;
		.od-line3{
			width: 100%;
		}
		.rf-info{
			margin-top: 30upx;
		}
		.info-item{
			line-height: 74upx;
			border-bottom: 2upx solid #eee;
			padding: 0 20upx;
			font-size: 24upx;
			color: #646464;
			background-color: #fff;
			border-radius: 10upx;
			text{
				
			}	
			
		}
		.rf-footer{
			font-size: 30upx;
			line-height: 144upx;
			color: $bg02;
			text-align: center;
			margin-top: 40upx;
			background-color: #fff;
			border-radius: 10upx;
		}
		
	}
	.floatR{
		float: right;
	}
	
	// 确认订单界面
	.finish-order{
		padding-bottom: 100upx;
		.bt-2{
			padding: 0 30upx;
			line-height: 84upx;
			height: 84upx;
			
			.price{
				font-size: 26upx;
				color: $bg02;
				font-family: Din;
			}
			.xiaoji{
				font-size: 32upx;
				color: $color3;
				margin-left: 14upx;
			}
			.xiaoji1{
				font-size: 32upx;
				color: $color3;
				margin-left: 180upx;
			}
			.piece{
				font-size: 22upx;
				color: $color9;
			}
		}
		// 订单信息部分
		.fo-info1{
			background-color: #fff;
			width: 93%;
			// height: 530upx;
			margin: 0 auto;
			border-radius: 10upx;
			padding: 20upx;
			margin-bottom: 20upx;
			.fo-title{
				font-size: 30upx;
				color: #333;
				.iconfont{
					font-size: 28upx;
					color: #999;
				}
			}
			.fo-content{
				display: flex;
				margin-top: 20upx;
				.img{
					min-width: 180upx;
					max-width: 180upx;
					height: 180upx;
					border-radius: 10upx;
				}
				.fo-r{
					display: flex;
					flex-direction: column;
					margin-left: 10upx;
					width: 100%;
					.r-1{
						flex: 2;
						font-size: 28upx;
						color: #333;
					}
					.r-2{
						flex: 1;
						font-size: 32upx;
						color: $bg02;
						display: flex;
						.left{
							flex: 1;
							font-size: 32upx;
							color: $bg02;
							font-family: Din;
						}
						.right{
							flex: 1;
							color: #333;
						}
						
					}
				}
				
			}
			
			.yh{
				font-size: 20upx;
				color: #333;
				line-height: 40upx;
				text{
					color: $bg02;
				}
			}
			
			.ps{
				display: flex;
				line-height: 60upx;
				.l{
					flex: 1;
					font-size: 28upx;
					color: #333;
				}
				.r{
					flex: 1;
					text-align: right;
					font-size: 20upx;
					color: #999;
					.iconfont{
						font-size: 20upx;
					}
				}
			}
			
			.order-notes{
				display: flex;
				line-height: 60upx;
				.l{
					font-size: 28upx;
					color: #333;
				}
				input{
					width: 450upx;
					height: 60upx;
					font-size: 24upx;
					color: #333;
					margin-left: 36upx;
				}
			}
			
			.footer{
				display: flex;
				justify-content: flex-end;
				line-height: 50upx;
				.ft-l{
					font-size: 24upx;
					color: #999;
					margin-right: 50upx;
				}
				.ft-m{
					font-size: 28upx;
					color: #333;
					margin-right: 20upx;
				}
				.ft-r{
					font-size: 28upx;
					color: #333;
					font-family: Din;
				}
			}
		}
		
		.fo-info{
			background-color: #fff;
			width: 93%;
			height: 530upx;
			margin: 0 auto;
			border-radius: 10upx;
			
			
			
			
			.info-top{
				display: flex;
				border-bottom: 2upx solid $colore;
				width: 95%;
				margin: 0 auto;
				padding-bottom: 20upx;
				.tp-left{
					flex: 1;
					image{
						width: 180upx;
						height: 180upx;	
						border-radius: 10upx;
					}
				}
				.tp-right{
					flex: 3;
					.rt-line1{
						font-size: 30upx;
						color: $color3;
						text-indent: 0.5em;
						line-height: 38upx;
					}
					.rt-line2{
						font-size: 26upx;
						color: $bg02;
						text-align: right;
						font-family: Din;
						margin-top: 40upx;
					}
					.rt-line3{
						font-size: 24upx;
						color: $color9;
						text-align: right;
						font-family: Din;
					}
				}
			}
			.bt-1{
				padding: 0 30upx;
				line-height: 84upx;
				text{
					&:first-child{
						font-size: 32upx;
						color: $color3;
					}
					&:last-child{
						font-size: 24upx;
						color: $color9;
						float: right;
					}
				}
			}
		}
		.fo-bottom{
			position: fixed;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 100upx;
			line-height: 100upx;
			padding: 0 30upx;
			background-color: #fff;
			.bt-2{
				line-height: 108upx;
				padding: 0;
			}
			button{
				position: absolute;
				right: 30upx;
				top: 18upx;
				width: 207upx;
				height: 77upx;
				background-color: $bg02;
				box-shadow: 0upx 2upx 26upx 0upx rgba(81, 176, 248, 0.3);
				border-radius: 39upx;
			}
		}
	}
	// 折扣商城的支付界面
	.dis-pay{
		
		.pay-select{
			width: 95%;
			margin: 30upx auto 0;
			background-color: #fff;
			border-radius: 10upx;
			
			.select-item{
				padding: 10upx 30upx;
				line-height: 90upx;
				.iconfont{
					font-size: 50upx;
				}
				.pay-pattern{
					margin-left: 30upx;
					font-size: 30upx;
					color: $color3;
				}
				.gou{
					font-size: 44upx;
					float: right;
					padding: 0 20upx;
				}
				.gou1{
					color: $color9;
				}
				.gou-active{
					color: $bg02;
					
				}
			}
		}
		// 支付按钮
		.pay-button{
			width: 580upx;
			height: 90upx;
			background-color: $bg02;
			box-shadow: 0upx 8upx 18upx 0upx rgba(219, 77, 127, 0.39);
			border-radius: 25upx;
			font-size: 36upx;
		}
		.zftime{
			background-color: #ffffff;
			color: $color6;
			.iconfont{
				text-indent: 1em;
				color: $bg02;
				font-size: 40upx;
				padding: 10upx;
			}
			text{
				text-indent: 1em;
				color: $bg02;
			}
		}
		
		
		
	}
	
	.margintop170{
		margin-top: 170upx;
	}
	
	// 支付完成界面
	.finishPay{
		// 底部按钮
		.footer{
			display: flex;
			margin-top: 74upx;
			button{
				width: 244upx;
				height: 70upx;
				line-height: 70upx;
				border-radius: 36upx;
				font-size: 28upx;
				padding: 0;
				&:first-child{
					border: solid 2upx #ff557d;
					color: $bg02;
				}
				&:last-child{
					background-color: $bg02;
					color: #fff;
				}
			}
		}
		// 界面的头部
		.fp-title{
			text-align: center;
			width: 95%;
			margin: 20upx auto;
			border-radius: 10upx;
			background-color: #fff;
			padding: 50upx 0;
			.iconfont{
				font-size: 100upx;
			}
			.line1{
				font-size: 36upx;
				color: #0190dd;
			}
			.line2{
				font-size: 58upx;
				color: $color3;
				font-family: Din;
			}
			.tt-bottom{
				display: flex;
				text-align: center;
				.bt-itemm{
					flex: 1;
					.line1{
						font-size: 30upx;
						color: #999999;
					}
					.line2{
						font-size: 30upx;
						color: #333;
					}
				}
			}
			
		}
		
		//完成
		.dt-button{
			margin-bottom: 50upx;
			button{
				width: 635upx;	
				height: 90upx;
				background-color: $bg02;
				box-shadow: 0upx 8upx 18upx 0upx 
					rgba(255, 85, 125, 0.39);
				border-radius: 10upx;
			}
			
		}
	}
	
	// 购物车样式
	.shoppingcart{
		padding-bottom: 160upx;
		.qs{
			width: 100%;
			height: 500upx;
			text-align: center;
			line-height: 500upx;
			font-size: 40upx;
			color: #999;
		}
		.shopCt-item{
			width: 95%;
			margin: 0 auto;
			border-radius: 10upx;
			background-color: #FFFFFF;
			margin-bottom: 20upx;
			// 商品名称样式
			.it-title{
				display: flex;
				line-height: 80upx;
				.tt-line1{
					flex: 1.3;
					text-align: center;
					padding-right: 20upx;
					.btn-del{
						display: flex;
						align-items: center;
						justify-content: center;
						width: 88upx;
						height: 46upx;
						border: 1px solid #999999;
						color: #666666;
						font-size: 26upx;
						border-radius: 15upx;
						margin-top: 20upx;
						// margin-right: 20upx;
					}
					.iconfont{
						font-size: 40upx;
					}
				}
				.tt-line2{
					flex: 7.5;
					font-size: 30upx;
					color: $color3;
					.iconfont{
						font-size: 30upx;
						color: $color9;
					}
				}
				.tt-line1{
					flex: 1.3;
					button{
						width: 60upx;
						height: 34upx;
						line-height: 34upx;
						text-align: center;
						border-radius: 10upx;
						border: solid 1upx $color9;
						font-size: 20upx;
						color: $color9;
						padding: 0;
					}
				}
			}
			// 优惠价格
			.yh-price{
				margin-left: 84upx;
				font-size: 20upx;
				color: $color3;
				line-height: 60upx;
				> text{
					color: $bg02;
				}
			}
			// 配送方式 start
			.ps-pattern{
				// margin-left: 84upx;
				font-size: 20upx;
				color: $color3;
				line-height: 60upx;
				overflow: hidden;
				padding: 0 10upx 0 84upx;
				border-bottom: 2upx solid $bg01;
				text{
					&:first-child{
						float: left;
					}
					&:last-child{
						float: right;
					}
				}
			}
			// 配送方式end
			
			// 商品内容样式
			.it-container{
				border-bottom: 2upx solid #faf2f5;
			}
			.it-content{
				padding: 30upx 20upx 30upx 0;
				display: flex;
				
				
				.tt-line1{
					margin-left: 4upx;
					flex: 1;
					text-align: center;
					.iconfont{
						font-size: 40upx;
					}
				}
				.tt-line2{
					flex: 7;
					overflow: hidden;
					
					.l2-1{
						image{
							width: 180upx;
							height: 180upx;
							border-radius: 10upx;
							float: left;
						}
						.title{
							float: left;
							width: 414upx;
							margin-left: 6upx;
							line-height: 34upx;
							height: 180upx;
							> text{
								font-size: 28upx;
								color: $color3;
							}
							.ab{
								margin-top: 50upx;
								>text{
									font-size: 28upx;
									font-family: Din;
									color: $bg02;
								}
								.number-box{
									float: right;
								}
							}
						}
					}
				}
				
			}
			
			// 每一个店铺的支付
			.item-pay{
				margin-left: 90upx;
				// width: 100%;
				padding: 0 20upx 0 0;
				height: 100upx;
				line-height: 100upx;
				display: flex;
				.count-num{
					flex: 1;
					font-size: 24upx;
					color: $color6;
				}
				.count-price{
					flex: 1;
					margin-left: 100upx;
					font-size: 28upx;
					color: $color3;
					text{
						color: $bg02;
						font-family: Din;
					}
				}
				button{
					width: 150upx;
					height: 70upx;
					line-height: 70upx;
					background-color: $bg02;
					border-radius: 35upx;
					padding: 0;
					color: #fff;
					float: right;
					margin-top: 26upx;
				}
			}
		}
		// 最底部的结算区域
		.footer-buy{
			width: 100%;
			height: 150upx;
			line-height: 150upx;
			background-color: #fff;
			padding: 0 50upx;
			position: fixed;
			left: 0;
			bottom: 0;
			display: flex;
			justify-content: space-between;
			z-index: 3;
			
			.area1{
				flex: 1;
				line-height: 150upx;
				
				.checkAll{
					font-size: 24upx;
					color: $color6;
					margin-left: 8upx;
				}
				.iconfont{
					margin-top: 10upx;
				}
				.heji{
					font-size: 28upx;
					color: $color3;
					text-align: center;
					text{
						color: $bg02;
						font-family: Din;
					}
				}
				.settlement-btn{
					width: 88upx;
					height: 46upx;
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 36upx;
					font-size: 24upx;
					background-color: $bg02;
					color: #fff;
					margin-top: 45upx;
					float: right;
				}
				// button{
				// 	width: 150upx;
				// 	height: 70upx;
				// 	line-height: 70upx;
				// 	background-color: $bg02;
				// 	border-radius: 35upx;
				// 	padding: 0;
				// 	color: #fff;
				// 	float: right;
				// 	margin-top: 40upx;
				// }
			}
		}
	}
	// 购物车中的领劵部分
	.ticket-item-sc {
		display: flex;
		margin-bottom: 30upx;
		.item-l{
			flex: 3;
			text-align: center;
			height: 192upx;
			background: #FFFFFF;
			.it-line1{
				line-height: 70upx;
				color: #FFFFFF;
				font-size: 30upx;
				margin-top: 38upx;
				text{
					font-size: 68upx;
				}
				
			}
			.it-line2{
				font-size: 28upx;
				color: #fff;
			}
		}
		.item-3{
			flex: 3;
			background-color: #fff;
			font-size: 30upx;
			line-height: 192upx;
			color: $bg02;
			text-align: center;
		}
		.item-r{
			flex: 4;
			padding: 0 30upx;
			background: #FFFFFF;
			.r-line1{
				font-size: 30upx;
				color: #111111;
				padding: 20upx 0upx;
				
			}
			
			.r-line2{
				font-size: 24upx;
				color: $color9;
				line-height: 60upx;
				position: relative;
				
				
			}
		}
	}
	